<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core">

<ui:composition template="/WEB-INF/templates/master.xhtml">
<ui:define name="content">
	<p:dialog modal="true" widgetVar="statusDialog" header="Procesando"   
        draggable="false" closable="false" width="200" height="50">
        	<h:outputLabel value="Buscando en la base de datos de Personas" />  
    		<p:graphicImage id="statusIcon" value="#{resource['images:load.gif']}" />  
			</p:dialog>
	
	<p:dialog id="msgDialog" modal="true" widgetVar="messageDialog" header="Mensaje"   
        draggable="false" closable="false" width="300" height="100" hideEffect="puff" resizable="false" >  
    <h:outputLabel value="#{personalBusquedaMB.mensajeNuevoPersonal}" rendered="#{empty facesContext.maximumSeverity}" /> 
   	<h:messages showDetail="true" showSummary="false"/>
    <br/>
    <h:panelGrid   columns="2" cellspacing="3"> 
    <p:commandButton value="Aceptar" action="#{personalBusquedaMB.doEditForzado}" disabled="empty #{personalBusquedaMB.dniNuevo}" rendered="#{empty facesContext.maximumSeverity }"/>
    <p:commandButton value="Aceptar" action="#{personalBusquedaMB.cancelarNuevo}" onsuccess="messageDialog.hide();" rendered="#{! empty facesContext.maximumSeverity}" />
    <p:commandButton  value="Cancelar" immediate="true" action="#{personalBusquedaMB.cancelarNuevo}" onsuccess="messageDialog.hide();dlgNuevo.hide();" rendered="#{empty facesContext.maximumSeverity}" update="dialogNuevo"/>
    </h:panelGrid>
	</p:dialog>
	
	<!--  Inicio Dialogo Nuevo Personal -->
	<p:dialog header="Nuevo Personal" id="dialogNuevo" modal="true" resizable="false" 
			widgetVar="dlgNuevo"  appendToBody="true" styleClass="panel-azul" width="500" height="130" >
			
		<p:panel  styleClass="panel-azul">
		<h:form>
		<h:panelGrid columns="2">
		<p:outputLabel value="Ingrese el D.N.I del nuevo colaborador" for="nuevoPersonal"/>
		<h:inputText id="nuevoPersonal" value="#{personalBusquedaMB.dniNuevo}" required="true" validatorMessage="El DNI debe ser de ocho d&iacute;gitos"  size="8">
		 <f:validateRegex pattern="(^[0-9]{8}$)" />
		</h:inputText>
		</h:panelGrid>
		<br/>
		<h:panelGrid columns="2">
		<p:commandButton value="Aceptar" action="#{personalBusquedaMB.doNuevo}" update=":#{p:component('msgDialog')}"  onstart="statusDialog.show();" oncomplete="messageDialog.show();"  onsuccess="statusDialog.hide();"/>
		<p:commandButton value="Cancelar" immediate="true" onclick="dlgNuevo.hide();"/>
		</h:panelGrid>
		</h:form>
		</p:panel>
	
	</p:dialog>
	<!--  FIN Dialogo Nuevo Personal -->
	
	
	<h:form id="formBusqueda">
	<p:growl id="msjBusqueda" showDetail="true" autoUpdate="true"/>
	<f:validateBean disabled="true"> 
	<p:panel  header="Administrar Información de Personal" style="width:960px;height:500px" styleClass="panel-azul">
		
		<p:panel style="width:850px" styleClass="panel-azul" header="Criterios de Búsqueda">
		<h:panelGrid columns="5">
		<h:outputLabel value="Código Personal" />
		<h:outputLabel value="Apellido Paterno" />
		<h:outputLabel value="Apellido Materno" />
		<h:outputLabel value="Nombres" />
		<h:outputLabel value="Estado" />
		<h:inputText value="#{personalBusquedaMB.personalConsulta.codigoPersonal}" />
		<h:inputText value="#{personalBusquedaMB.personalConsulta.idPersona.apellidoPaterno}"/>
		
		<h:inputText value="#{personalBusquedaMB.personalConsulta.idPersona.apellidoMaterno}" />
		
		<h:inputText value="#{personalBusquedaMB.personalConsulta.idPersona.nombres}" />
		
		<h:selectOneMenu value="#{personalBusquedaMB.personalConsulta.estado}">
		<f:selectItems  value="#{parametroMB.estadoPersonal}"/>
		</h:selectOneMenu>
	</h:panelGrid>
	
		
		</p:panel>
	<h:panelGrid columns="5" id="botonesBusqueda"> 
	<p:commandButton value="Buscar" action="#{personalBusquedaMB.consultarPersonal}" update="dtBusqueda" />
	<p:commandButton value="Nuevo" onclick="dlgNuevo.show();"/>
	<p:commandButton id="btnModif" value="Modificar" action="#{personalBusquedaMB.doEdit}"   onclick="if(checkSelectedRow(dtBusquedaWidget)==false) return false;">
	<f:attribute  name="personalSelected" value="#{personalBusquedaMB.personalSelected}" />
	</p:commandButton>
	<h:column>
	<ui:include src="/resources/includes/ajaxStatus.xhtml" />
	</h:column>
	</h:panelGrid>
	
	<p:panel style="width:850px;height:340px;" styleClass="panel-azul" header="Resultado de Búsqueda">
	
					<p:dataTable id="dtBusqueda" value="#{personalBusquedaMB.lstPersonal}"  var="per"  rowKey="#{per}" selection="#{personalBusquedaMB.personalSelected}" widgetVar="dtBusquedaWidget" rows="8" paginatorAlwaysVisible="false" paginator="true" paginatorPosition="bottom" >
						<p:column headerText="Código"><h:outputLabel value="#{per.codigoPersonal}" /></p:column>
						<p:column headerText="Estado"><h:outputLabel value="#{per.estado}" /></p:column>
						<p:column headerText="Apellidos y Nombres"><h:outputLabel value="#{per.idPersona.apellidoPaterno} #{per.idPersona.apellidoMaterno} #{per.idPersona.nombres }" style="text-transform:uppercase;" /> </p:column>
						<p:column headerText="DNI"><h:outputLabel value="#{per.idPersona.nroDocumento}" /> </p:column>
						<p:column headerText="Cargo"></p:column>
						<p:column headerText="Elegir" selectionMode="single"></p:column>
					<!-- p:ajax event="rowSelectRadio" update=":#{p:component('botonesBusqueda')}" /-->	
					</p:dataTable>
	
	
	</p:panel>
	
	
	
	
	
	</p:panel>
	</f:validateBean> 
		</h:form>
	</ui:define>

</ui:composition>

</html>